import React,{useState,useEffect} from 'react'
import {Form,DatePicker,Input,Collapse} from 'antd'
export default function signIn() {
  const [form] = Form.useForm()
  const { Panel } = Collapse;
  const formItemLayout = {
    labelCol: { span: 6 },
    wrapperCol: { span: 14 },
  }
  return (
    <div>
         <Collapse  collapsible="header" defaultActiveKey={['1']}>
              <Panel header='签到' key="1">
                <Form
                        form={form}
                        name="validate_other"
                        layout="horizontal"
                        {...formItemLayout}
                    >
                        <Form.Item
                        >
                            <span>基本信息</span>
                                <Form.Item
                                    name="time"
                                    label="活动时间"

                                >
                                    <DatePicker/>
                                </Form.Item>
                                <Form.Item
                                    name="time"
                                    label="报名人数"

                                >
                                    <Input/>
                                </Form.Item>
                        </Form.Item>
                                
                    </Form>
              </Panel>
           </Collapse>
    </div>
  )
}
